<template>
	<view class="main">
		<view class="pay">
			<view>
				<text style="font-size: 32rpx;font-weight: bold;">已取消</text>
			</view>
			<view>
				<text style="color: #858585; font-size: 26rpx;">感谢你的使用</text>
			</view>
			<view class="btn">
				<button>删除订单</button>
				<button>重新下单</button>
			</view>
		</view>
		<view>
			<view>
				<text style="font-size: 32rpx;">茶百道高新新下街店</text>
			</view>
			<view>
				<text style="font-size: 26rpx;color: #858585;">四川省成都市双流高新中和街道中329号</text>
			</view>
			<tea></tea>
		</view>
	</view>

	<view class="body">
		<text>订单信息</text>
		<view><text>订单号:</text>123456789</view>
		<view><text>下单门店:</text>茶百道高新新下街店</view>
		<view><text>取餐方式:</text>自提</view>
		<view><text>下单时间:</text>2022-10-14 21:55:07</view>
		<view><text>取餐号:</text>暂无</view>
		<view><text>备注:</text>无</view>
	</view>
</template>

<script>
</script>

<style>
	body {
		background-color: #f8f8f8;
	}

	.main,
	.body {
		width: 80%;
		margin: 40rpx auto;
		padding: 30rpx;
		background-color: #fff;
		border-radius: 10rpx;
	}

	.pay>view {
		display: flex;
		justify-content: center;
	}

	.btn>button {
		margin: 20rpx;
	}

	.pay>view>button {
		border: 3rpx #0155ca solid;
		border-radius: 50rpx;
		font-size: 20rpx;
		width: 162rpx;
	}

	.pay>view>button:first-child {
		color: #0155ca;
	}

	.pay>view>button:last-child {
		color: white;
		background-color: #0155ca;
	}

	.body>view {
		display: flex;
		justify-content: space-between;
		font-size: 26rpx;
	}

	.body>view>text:first-child {
		color: #858585;
	}
</style>
